
.product{
  width: $wd;
  height: 858px;
  margin: 40px auto 0;
  position: relative;

  // background-color: aqua;
  h1{
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    color: #8b8b8b;
    
  }
  div{
    margin-top: 50px;
    
    ul{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      // align-items: ;
      overflow: hidden;
      align-content: space-between;
      li{
       
        &:hover{
          background-color: #fbffffd0;
        }
        list-style: none;
        width: 248px;
        height: 372px;
        background-color: white;
        &:nth-child(1){
          margin-bottom: 26px;
        }
        &:nth-child(2){
          margin-bottom: 26px;
        }
        &:nth-child(3){
          margin-bottom: 26px;
        }
        &:nth-child(4){
          margin-bottom: 26px;
        }
        img{
          width: 248px;
          height: 248px;
          object-fit: cover;
          cursor: pointer;
        }
        h3{
          color: #ff6699;
          font-size: 34px;
          font-weight: 100;
          margin:  10px 10px 0 10px;
          span{
            display: inline-block;
            font-size: 18px;
          }
        }
        p{
          text-align: justify;
          text-decoration: none;
          color: #5678A0;
          cursor: pointer;
          font-size: 14px;
          color: #555555;
          height: 38px;
          margin: 0 20px 20px 20px;
          overflow: hidden;
          &:hover{
            color: #ff6699;
          }
        }
      }
      
    }
  }
  
}

